import React, { useEffect, useLayoutEffect } from 'react';

const App = () => {

  /*
    如果你正在将代码从 class 组件迁移到使用 Hook 的函数组件，
    则需要注意 useLayoutEffect 与 componentDidMount、componentDidUpdate
    的调用阶段是一样的。但是，我们推荐你一开始先用 useEffect，
    只有当它出问题的时候再尝试使用 useLayoutEffect。
  */

  // 该函数是异步执行
  useEffect(()=>{
    console.log('useEffect');
    document.title = '你好中国'
  })

  // 该函数是同步执行
  useLayoutEffect(()=>{
    console.log('useLayoutEffect');
    document.title = '你好世界'
  })

  return (
    <div>

    </div>
  );
};

export default App;
